<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
        header('location:../html/login.html');
    }
         
         echo '
                <center>
                    <title>Recepción Pacientes</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<!DOCTYPE html>

<html>
    <head>
        <title>Seguimiento Recepción</title>
        
        <link href="../../RecepcionPaciente/Css/EstilosRecepcion.css" rel="stylesheet" type="text/css"/>
        <script src="../../RecepcionPaciente/Js/Recepcion.js" type="text/javascript"></script>
        <link href="../../RecepcionPaciente/Css/Alerta.css" rel="stylesheet" type="text/css"/>
        
      
        <!--LIBRERIAS PARA LA CREACION DE LA BOTONERIA Y POP UP-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../Modal/js/bootstrap.min.js"></script>
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <!--LIBRERIAS PARA LA CREACION DEL AUTOCOMPLE-->
        <script src="jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" />
        
        <!--LIBRERIAS PARA LA CREACION DEL CALENDARIO-->
        <link href="../../RecepcionPaciente/Css/jquery.datetimepicker.css" rel="stylesheet" />
        <script src="../../RecepcionPaciente/Js/jquery.datetimepicker.js"></script> 
        
        
    </head>
 <body onload="ValidarDocumentoFiltro();Calendario();CargarEstados();CargarPacientesRecepcion();">
    <section class="">
        <div class="SeguimientoRecepcion">
            <h1>SEGUIMIENTO PACIENTES RECEPCIÓN</h1>
                 <table style="width: 100%" >
                     <tr>
                         <td colspan="2" align="right">
                             <a onclick="ConsultarAlertas();" ><u style='margin-top: -10px;cursor: pointer' data-toggle='modal' data-target='#VentanaAlerta' >Consultar Alertas</u></a>
                         </td>
                     </tr>
                     <tr>
                         <td title="Estados recepcion del Paciente" colspan="2">
                             <div id="EstadosSeguimiento"></div>
                         </td>
                     </tr>
                     <tr>
                         <td style="height: 10px"></td>
                     </tr>
                     <tr>
                         <td id="Exportar_a_Excel" colspan="2">
                            <div class="exterior" >
                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                        <tr>
                                            <th>Cedula Paciente</th>
                                            <th>Nombre Paciente</th>
                                            <th>Edad</th>
                                            <th>Llamada</th>
                                            <th>Estimacion Llegada</th>
                                            <th>Ingreso</th>
                                            <th>Servicio</th>
                                            <th>Estado</th>
                                            <th id="Obs">Observaciones</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                             <div class="interior" id="inte">
                                <div id="TablaPacientes"></div>
                            </div>
                         </td>
                     </tr>
                     <tr>
                         <td style="height: 30px"></td>
                     </tr>
                     <tr>
                         <td>
                             <img title="generar en excel" src="../imagen/excel.png" width="30" height="30" class="botonExcel"  onclick="ExportarExcel();"/>
                         </td>
                         <td align="right">
                             <table>
                                 <tr>
                                     <td>
                                         <input placeholder="Filtrar Por Documento" type="text" name="txtDocumento" id="Documento" value="" style="width: 180px" />
                                     </td>
                                     <td style="width: 5px"></td>
                                     <td>
                                         <input placeholder="Fecha de Inicio Filtro" type="text" name="txtFechaInicio" id="FechaInicio" value="" style="width: 180px"/>
                                     </td>
                                     <td style="width: 5px"></td>
                                     <td>
                                         <input placeholder="Fecha Fin Filtro" type="text" name="txtFechaFinal" id="FechaFinal" value="" style="width: 180px" onchange="ValidarFechaFiltro();"/>
                                     </td>
                                     <td>
                                         <img style="cursor: pointer;margin-top: -10px" title="Filtrar Pacientes por Fecha" src="../imagen/filtro.png" width="40" height="40" alt="filtro" onclick="FiltrarPacienteRecepcion();"/>
                                     </td>
                                     <td>
                                         <img  style="cursor: pointer;margin-top: -10px" title="Cancelar Filtro" src="../imagen/Entrega_Turno/no_aplica.jpg" width="25" height="25" alt="filtro" onclick="CargarPacientesRecepcion();"/>
                                     </td>
                                 </tr>
                             </table>
                         </td>
                     </tr>
                 </table>
                </div>
            </section>
            <div class="modal fade" id="VentanaSeguimiento" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true"  >
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" style="width: 1300px;height: 750px;margin-left: -200px">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title" id="myModalLabel">SEGUIMIENTO PACIENTE</h4>
                      </div>
                      <div class="modal-body">
                          <div style="height: 460px;">
                                <form id="Encuesta" method="post">
                                    <table>
                                      <tr>
                                          <td>
                                            <section class="">
                                                <div class="FormularioPaciente" >
                                                    
                                                    <table style="font-size: 80%">
                                                        <tr>
                                                            <td colspan="13" align="center" >
                                                                 <h1>DATOS PACIENTE</h1> 
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <font color='#000'><select name="" id="TipoDocumento" style="width:190px">
                                                                    <option value="">---</option>
                                                                </select>
                                                            </td>
                                                            <td width="5px"></td>
                                                            <td style="padding-top: 9px">
                                                                <input type="text" name="" value="" disabled  placeholder="Cedula Paciente" id="DocumentoPacien" style="width:190px"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="text" name="" value=""  placeholder="Fecha De Nacimiento" id="FechaNacimiento" style="width:190px" onchange="CalcularEdad();"/>
                                                            </td>
                                                            <td width="5px"></td>
                                                            <td >
                                                                 <input type="text" name="" disabled value="" placeholder="Edad" id="Edad" style="width:190px"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="text" name="" value=""  placeholder="Primer Nombre" id="PrimerNombre" style="width:190px" />
                                                            </td>
                                                            <td width="5px"></td>
                                                            <td>
                                                                 <input type="text" name=""  value="" placeholder="Segundo Nombre" id="SegundoNombre" style="width:190px"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="text" name="" value=""  placeholder="Primer Apellido" id="PrimerApellido" style="width:190px" />
                                                            </td>
                                                            <td width="5px"></td>
                                                            <td>
                                                                 <input type="text" name=""  value="" placeholder="Segundo Apellido" id="SegundoApellido" style="width:190px"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                               <font color='#000'><select name="" id="Departamento" style="width:190px" onchange="CargarCiudad();">
                                                                    <option value="">---</option>
                                                                </select>
                                                            </td>
                                                            <td width="5px"></td>
                                                            <td>
                                                                 <font color='#000'><select name="" id="Ciudad" style="width:190px">
                                                                    <option value="">---</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <br><font color='#000'><textarea name="" rows="4" id="Direccion" cols="20" placeholder="Dirección" style="width: 420px; height: 30px;"></textarea>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <br><font color='#000'><textarea name="" rows="4" id="DiagnosticoPrevio" disabled="" cols="20" placeholder="Diagnostico Previo" style="width: 420px;height: 70px"></textarea>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <br><font color='#000'><textarea name="" rows="4" id="ObservacionVerificador" disabled="" cols="20" placeholder="Verificador De Derechos" style="width: 420px;height: 54px"></textarea>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <br><input type="text" name=""  value=""  placeholder="Telefono" id="Telefono" style="width:190px"/>
                                                            </td>
                                                            <td width="10px"></td>
                                                            <td>
                                                                <br><input type="text" name=""  value="" placeholder="Asegurador/Eps" id="Asegurador" style="width:190px"/><input type="hidden" name=""  value=""  id="OidAsegurador" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <font color='#000'><select name="" id="EstadoIngreso" style="width:190px" onchange="ValidarEstado();">
                                                                    <option value="">---</option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <div id="AgregarCausa"></div>
                                                            </td>
                                                            <td>
                                                                <div id="FechaIngreso"></div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <br><input type="text" id="Medico" name="" placeholder="Medico" value="" style="width:190px"/><input type="hidden" id="MedicoOid" name="" value="" style="width:190px" />
                                                            </td>
                                                            <td width="10px"></td>
                                                            <td>
                                                                <br><input type="text" id="Enfermera" name="" placeholder="Enfermera" value="" style="width:190px"/><input type="hidden" id="EnfermeraOid" name="" value="" style="width:190px" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3" align="center">
                                                               <input type="button" class="btn btn-success" value="Editar Paciente" onclick="EditarPacienteSeguimiento();"/>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </section>
                                          </td>
                                          <td style="width: 10px"></td>
                                          <td>
                                              <section class="">
                                                    <div class="FormularioIns" >
                                                        <table style="font-size: 80%" >
                                                            <tr>
                                                                <td colspan="15" align="center" >
                                                                     <h1>OBSERVACIONES</h1> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="exterior" >
                                                                        <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                                <tr>
                                                                                    <th style="width: 80px;">Fecha Registro</th>
                                                                                    <th>Observación</th>
                                                                                    <th>Usuario Registro</th>
                                                                                    <th style="width: 90px;">Verificado</th>
                                                                                </tr>
                                                                            </thead>
                                                                        </table>
                                                                    </div>
                                                                    <div class="interior2" id="inte">
                                                                        <div id="ContenidoSeguimiento"></div>
                                                                    </div>
                                                                    <input type="hidden" id="OidRecepcion" name="" value=""/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table style="font-size: 90%">
                                                                        <tr>
                                                                            <td>
                                                                                Revisar Cada:
                                                                            </td>
                                                                            <td>
                                                                                <div style="margin-left:10px;margin-bottom:5px" id="RevisarCada"></div>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table style="font-size: 90%">
                                                                        <tr>
                                                                            <td>
                                                                                <font color='#000'><textarea name="" rows="4" cols="20" id="ObservacionSeguimiento" placeholder="Observaciones" style="width: 400px;height: 87px"></textarea>
                                                                            </td>
                                                                            <td width="5px"></td>
                                                                            <td>
                                                                                <table style="font-size: 100%">
                                                                                    <tr>
                                                                                        <td style="padding: 5px">
                                                                                            <font color='#000'>Alerta <input type="checkbox" name="" value="" id="Alerta" onchange="HabilitarFechas();"/>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <input type="text" name="" value="" placeholder="Fecha Inicio Alerta" id="FechaInicioAlerta" disabled/>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <input type="text" name="" value="" placeholder="Fecha Final Alerta" id="FechaFinalAlerta" disabled onchange="ValidarFechaAlerta();"/>
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                <br>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td align="right" id="BotonSeguimiento">
                                                                                <input type="button" class="btn btn-success" value="Guardar Seguimiento" onclick="GuardarSeguimiento();"/>
                                                                                <input type="button" class="btn btn-info" value="Limpiar" onclick="LimpiarFormulario();"/>
                                                                            </td>
                                                                            <td width="5px"></td>
                                                                            <td>
                                                                                <input type="button" class="btn btn-default" value="Adjuntar Archivos" onclick="AdjuntarArchivos();"/>
                                                                                <input type="hidden" id="OidRevisar" value="" name=""/>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </section>
                                          </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                      </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="VentanaAlerta" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true"  >
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" style="width: 1300px;height: 620px;margin-left: -200px">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title" id="myModalLabel"><font color="#000">ALERTAS PACIENTE</h4>
                      </div>
                        <div class="modal-body">
                            <div style="height: 460px;">
                                <form id="Encuesta" method="post">
                                    <table>
                                        <tr>
                                            <td>
                                                <section class="">
                                                    <div class="FormularioAlerta" >
                                                        <div class="interior3" id="inte">
                                                            <div id="ContenidoAlertas"></div>
                                                        </div>
                                                    </div>
                                                </section>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
     <div class="modal fade" id="VentanaCausas" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding: 100px" >
           <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 950px;height: 450px">
                    <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title" id="myModalLabel">NO ACEPTADO POR:</h4>
                      </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                                <table>
                                    <tr>
                                        <td>
                                            <form id="Encuesta" method="post">
                                                <table >
                                                    <tr>
                                                        <td>
                                                            <section class="">
                                                                <div class="FormularioCausa" >
                                                                    <table style="font-size: 80%" >
                                                                        <tr>
                                                                            <td colspan="15" align="center">
                                                                                 <h1>AGREGAR CAUSAS</h1> 
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                <table style="font-size: 90%;width: 100%" >
                                                                                    <tr>
                                                                                        <td>
                                                                                            <input type="text" name="" value="" id="DescripcionCausa" placeholder="Descripcion Causa" />
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <select name="" id="EstadoI" disabled >
                                                                                                <option value="">---</option>
                                                                                            </select>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <br><select name=""  id="TipoCausa" >
                                                                                                <option value="">---</option>
                                                                                            </select>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td>
                                                                                            <br><input type="checkbox" name="" checked value="ON" id="Activo" style="padding-top: 10px"/>
                                                                                            Activo
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td><br><br></td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td style="margin-left: 10px" align="center">
                                                                                            <table>
                                                                                                <tr>
                                                                                                    <td id="BotonCausa">
                                                                                                        <input type="button" class="btn btn-success" id="BotonRegistrar" value="Registrar" onclick="RegistrarCausa();"/>
                                                                                                    </td>
                                                                                                    <td width="5"></td>
                                                                                                    <td>
                                                                                                        <input type="button" class="btn btn-info" value="Limpiar" onclick="LimpiarCausa();"/>
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </section>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                          </td>
                                          <td style="width: 10px"></td>
                                          <td>
                                            <section class="">
                                                <div class="TablaCausa" >
                                                    <table style="font-size: 80%">
                                                        <tr>
                                                            <td colspan="15" align="center">
                                                                 <h1>LISTADO CAUSAS</h1> 
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="exterior" >
                                                                    <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                        <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                            <tr>
                                                                                <th>Seleccionar</th>
                                                                                <th>Descripcion</th>
                                                                                <th>Activo</th>
                                                                                <th>Tipo Causa</th>
                                                                            </tr>
                                                                        </thead>
                                                                    </table>
                                                                </div>
                                                                <div class="interior2" id="inte2" style="width: 560px;height: 210px">
                                                                    <div id="DatosCausa"></div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right">
                                                                <input type="hidden" name="" id="OidUsuario" value="<?php echo$_SESSION['usuario']?>" />
                                                                <br><input type="button" type="button"  data-dismiss="modal" aria-hidden="true" class="btn btn-default" value="Agregar" onclick="AgregarCausa();"/>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </section>
                                          </td>
                                      </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" name="" value="" id="ListaOidCausa"/>
            <input type="hidden" name="" value="" id="Posicion"/>
     </body>
</html>